<template>
	<div :class="border ? 'divider-title border' : 'divider-title'">
		<slot>{{title}}</slot>
	</div>
</template>

<script>
/**
 * 分割标题
 */
export default {
	name: 'dividerTitle',
	props: {
		title: {
			type: String,
			defulat: '',
		},
		border: {
			type: Boolean,
			default: false
		}
	}
}
</script>
<style scoped>
.divider-title {
    border: 0;
    height: 34px;
    line-height: 34px;
    margin-top: 10px;
	margin-bottom: 20px;
	font-size: 15px;
}

.divider-title:first {
	margin-top: 0;
}

.divider-title.border {
	background: #f5f5f5;
    padding-left: 10px;
    border: 0;
    height: 34px;
    line-height: 34px;
	font-size: 15px;
	margin: 0;
	font-weight: no;
}

</style>
